<!DOCTYPE HTML>
<html lang="en-IN">
<head>
  <meta charset="UTF-8">
  <title>jQuery快速添加标签插件jQuery Tagbox</title>
  <link rel="stylesheet" href="css/jquery.tagbox.css" />
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="js/jquery.tagbox.js"></script>
  <script type="text/javascript">
    jQuery(function() {
      jQuery("#jquery-tagbox-text").tagBox();
      jQuery("#jquery-tagbox-select").tagBox({ 
        enableDropdown: true, 
        dropdownSource: function() {
          return jQuery("#jquery-tagbox-select-options");
        }
      });
    });
  </script>
  <style type="text/css">
  body {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 20px;
  }
  div.row {
    padding: 10px;
  }
  
  div.row label {
    font-weight: bold;
    display: block;
    padding: 0px 0px 10px;
  }
  </style>
</head>
<body>
  <h1>jQuery TagBox 1.0.1</h1>
  <form action="../jquery-tagbox/.">
    <div class="row">
      <label for="jquery-tagbox-text">文本方式添加标签</label>
      <input type="text" id="jquery-tagbox-text" />
    </div><!--div.row-->
    <div class="row">
      <label for="jquery-tagbox-select">下拉方式添加标签</label>
      <select name="" id="jquery-tagbox-select-options">
        <option value="脚本之家">脚本之家</option>
        <option value="JS代码">JS代码</option>
        <option value="PSD素材">PSD素材</option>
        <option value="矢量素材">矢量素材</option>
        <option value="图片素材">图片素材</option>
        <option value="免费素材">免费素材</option>
      </select>
      <!--select#-->
      <input type="text" id="jquery-tagbox-select" />
    </div>
  </form>
</body>
</html>
